<!DOCTYPE html>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html; charset=UTF-8"  %>
<%
	String basePath = request.getScheme()
			+ "://"
			+ request.getServerName()
			+ ":"
			+ request.getServerPort()
			+ request.getContextPath()
			+ "/";
%>
<!--写 base 标签，永远固定相对路径跳转的结果-->
<base href="<%=basePath%>">

<html>
<head>
	<base href="<%=basePath%>">
<meta charset="UTF-8">
<title>图书管理</title>
<link type="text/css" rel="stylesheet" href="../../static/css/style.css" >
</head>
<body>
	
	<div id="header">
			
			<span class="wel_word">图书管理系统</span>
			<div>
				<a href="/bookServlet?action=list">图书管理</a>
				<a href="pages/manager/order_manager.jsp">订单管理</a>
				<a href="index.jsp">返回商城</a>
			</div>
	</div>
	
	<div id="main">
		<form action="/bookServlet" method="get">
			<input type="hidden" name="action" value="add" />
		<table>
			<tr>
				<td>名称</td>
				<td>价格</td>
				<td>作者</td>
				<td>销量</td>
				<td>库存</td>
				<td colspan="2">操作</td>
			</tr>
			<c:forEach items="${requestScope.books}" var="book">
				<tr>
					<td>${book.name}</td>
					<td>${book.price}</td>
					<td>${book.author}</td>
					<td>${book.sales}</td>
					<td>${book.stock}</td>
					<td><a href="/bookServlet?action=getBook&id=${book.id}">修改</a></td>
					<td><a class="deleteClass" href="/bookServlet?action=delete&id=${book.id}">删除</a></td>
				</tr>
			</c:forEach>
			
			<tr>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td><a href="pages/manager/book_edit.jsp">添加图书</a></td>
			</tr>	
		</table>
		</form>
	</div>
	
	<div id="bottom">
		<span>
			叮叮书城.Copyright &copy;2015
		</span>
	</div>
</body>
<script type="text/javascript">
	$(function () {
// 给删除的 a 标签绑定单击事件，用于删除的确认提示操作
		$("a.deleteClass").click(function () {
// 在事件的 function 函数中，有一个 this 对象。这个 this 对象，是当前正在响应事件的 dom 对象。
			/**
			 * confirm 是确认提示框函数
			 * 参数是它的提示内容
			 * 它有两个按钮，一个确认，一个是取消。
			 * 返回 true 表示点击了，确认，返回 false 表示点击取消。
			 */
			return confirm("你确定要删除【" + $(this).parent().parent().find("td:first").text() + "】?");
// return false// 阻止元素的默认行为===不提交请求
		});
	});
</script>
</html>